<template>
  <div style="overflow:hidden">
    <div class="tousuguanli" style="margin-top:10px;font-size:25px;width:100%">投诉服务记录</div>
    <div class="input_box" style="width:100%;height:200px;background-color:red;margin-top:20px">
      <div class="input_1" style="margin-top:20px;margin-left:20px;width:100%;height:50px">
        <span style="display:block;float:left;margin-left:20px">订单编号：</span>
        <input type="text" name id placeholder="请输入订单号" style="float:left;height:25px" />
        <span style="display:block;float:left;margin-left:150px">投诉编号：</span>
        <input type="text" name id placeholder="请输入订单号" style="float:left;height:25px" />
      </div>
      <div class="input_1" style="margin-top:20px;margin-left:20px;width:100%;height:50px">
        <span style="display:block;float:left;margin-left:20px;line-height:35px">投诉原因：</span>
        <el-select v-model="value" placeholder="请选择" style="float:left">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </div>
      <div class="input_1" style="margin-top:20px;margin-left:20px;width:100%;height:50px">
        <span style="display:block;float:left;margin-left:150px">投诉时间：</span>
        <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "退货投诉"
        },
        {
          value: "选项2",
          label: "商品问题"
        },
        {
          value: "选项3",
          label: "违背承诺"
        },
        {
          value: "选项4",
          label: "违规经营"
        },
        {
          value: "选项5",
          label: "其他"
        }
      ],
      value: ""
    };
  },

  watch: {},

  methods: {}
};
</script>

<style  scoped>
</style>